
<div class="box_title"><h2><span class="icon_users"></span>{titlePageProduct}</h2></div>
<div class="box_content clearfix">
    <div class="tools">
        <span class="sp_select">
            <select class="tools_select" id="tools_select" onchange="changeSelect(this.value)">
                <option value="All">{AllMenu}</option>
                {ComboxStatus}
            </select>
        </span>
        <div style="float:right; margin-right:15px; text-align:right;">
            <a style="text-decoration:none; color:#000;" 
            href="{url_base}admin/products/add&iframe=true" 
            onclick="return hs.htmlExpand(this, {
                objectType: 'iframe', width: 730, height:550,
                creditsPosition: 'bottom left', 
                headingEval: 'this.a.title',
                wrapperClassName: 'titlebar' } )" 
            title="{addNew}">
            <input class="clBut" type="button" value=" {addNew} " />
            </a>
            <input {dis} class="clBut" type="button" value=" {del} " onclick="processChkProduct('del','{page}')" />
            <input {dis} class="clBut" type="button" value=" {open} "  onclick="processChkProduct('open','{page}')" />
            <input {dis} class="clBut" type="button" value=" {close} " onclick="processChkProduct('close','{page}')" /> 
        </div>
    </div>
    
    
    <table class="tbl_header" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td><div class="cell_1" onclick="checkAll()" 
            style="cursor:pointer;">{title_1}</div></td>
            <td><div class="cell_2">{title_2.1}</div></td>
            <td><div class="cell_31">{title_3.1}</div></td>
            <td><div class="cell_32">{title_3.2}</div></td>
            <td><div class="cell_41">{title_4.1}</div></td>
            <td><div class="cell_5">{title_5}</div></td>
        </tr>
    </table>
    
    <table class="tbl_content" border="0" cellpadding="0" cellspacing="0">	
        [OPEN htmlproduct]
            
            [LOOP category]
                <option {cell_selected} value="{cell_ID}"> {cell_Value} </option>
            [/LOOP category]
    		
            [LOOP product]
            <tr class="{class_cell}">
                <td><div class="cell_1">{cell_1}</div></td>
                <td><div class="cell_2">{cell_2}</div></td>
                <td><div class="cell_31">
                <a style="text-decoration:none;" 
                    href="{url_base}admin/products/edit/{cell_ID}&iframe=true" 
                    onclick="return hs.htmlExpand(this, {
                        objectType: 'iframe', width: 730, height:550, 
                        creditsPosition: 'bottom left', 
                        headingEval: 'this.a.title',
                        wrapperClassName: 'titlebar' } )" 
                    title="{Edit}">{cell_3.1}</a>
                </div></td>
                <td><div class="cell_32">{cell_3.2}</div></td>
                <td><div class="cell_41">{cell_4.1}</div></td>
                <td><div class="cell_5">{cell_5}</div></td>
            </tr>
            [/LOOP product]
            
        [CLOSE htmlproduct]
    </table>
    {err_lang}
</div>
<div class="box_bottom"><span class="span_paging" style="margin-left:10px;">{paging}</span></div>
